<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>帮帮网-帮客空间</title>
<link href="CSS/formStyle.css" rel="stylesheet"  type="text/css" />
<link href="CSS/kakassiStyle.css" rel="stylesheet"  type="text/css" />
<script type="text/javascript" src="JS/prototype.js"></script>
<script type="text/javascript" src="JS/httpRequest.js"></script>
<script type="text/javascript" src="JS/cookie.js"></script>
<script type="text/javascript">
//全局变量
var iReqListHasShown = 0;//表征iReqList 我所发布的帮忙需求列表 有没有被显示过
var allReqListHasShown = 0;//表征allReqList 所有的帮忙需求列表 有没有被显示过
var timenow=0;//取得本地时间 为了使得头像图片每次都实时刷新 而不是使用本地缓存
//var allreqList = null;
function nopic()
{
	alert('nopic 使用默认头像了');
	var av=document.getElementById('av');; 
	av.innerHTML="<a href='imgpick/imgPick.htm'><img src='imgpick/uploads/0.jpg' alt='上传头像'/></a>"

}
function GetUserInfo()
{
	username=getCookie('username');
	userID = getCookie('userID');
	timenow = new Date();
	//alert('userID');
	//alert(userID);
	if (username!=null && username!="")
	{
		alert('Welcome again '+username+'!')
	}
	else
	{
		alert('请先登录');
		return false;
	}

	//根据cookie提供的用户名 username 去取得用户的信息
	var url="user/user.php?action=GetUserInfo";
	var para="username="+username;
	para+="&userID="+userID;
	var resp=SendPostRequest(url,para);
	//alert(resp);
	if(resp!=null)
	{
		var UserInfoListDiv=document.getElementById('UserInfoListDiv');

		//刷新前 先清空子节点
		var childs = UserInfoListDiv.childNodes;
		for(var i=childs.length-1; i>=0; i--){
			UserInfoListDiv.removeChild(childs[i]);
		}

		var userinfo=eval("("+resp+")");
		for(var i=0;i<userinfo.length;i++)
		{
			var userinfoDiv=document.createElement('div');
			userinfoDiv.style.width="300px";
			userinfoDiv.style.margin="20px";
			userinfoDiv.style.border="1px solid #ccc";
			
			//姓名
			var nameDiv=document.createElement('div');
			nameDiv.style.padding="10px";
			nameDiv.innerHTML="<font style='font:14px bold'>"+userinfo[i].name+"</font>";	
	
			//头像 todo
			var avatarDiv=document.createElement('div');
			avatarDiv.style.padding="10px";
			//avatarDiv.innerHTML="<font style='font:14px bold'>头像 <a href='imgpick/imgpick.htm' > 上传头像 </a></font>";	
			//avatarDiv.innerHTML="<img id='av' src='imgpick/uploads/"+userID+".png'> onerror=' av.src='imgpick/uploads/0.jpg' ' ";	
			//去掉后缀名 兼容各种图片
			avatarDiv.innerHTML="<div id='av'><a href='imgpick/imgPick.htm'><img src='imgpick/uploads/"+userID+"?"+timenow+"' onerror='nopic()' alt='修改头像' /></a></div>";	
			//<img   src= "要显示的图片路径 "   id=kk   onerror= "kk.src= '出错时显示图片的地址 ' ">
			//相册
			var albumDiv=document.createElement('div');
			albumDiv.style.padding="10px";
			albumDiv.innerHTML="<font style='font:14px bold'>相册 交由周青移植整合   "+userinfo[i]. album+"</font>";	

			//id
			var idDiv=document.createElement('div');
			idDiv.style.padding="10px";
			idDiv.innerHTML="<font style='font:14px bold'>"+userinfo[i].id+"</font>";	

			//qq
			var qqDiv=document.createElement('div');
			qqDiv.style.padding="10px";
			qqDiv.innerHTML="<font style='font:14px bold'>QQ：   "+userinfo[i].qq+"</font>";	

			//cellphone
			var cellDiv=document.createElement('div');
			cellDiv.style.padding="10px";
			cellDiv.innerHTML="<font style='font:14px bold'>手机号码：   "+userinfo[i].cellphone+"</font>";

			//sex
			var sexDiv=document.createElement('div');
			sexDiv.style.padding="10px";
			sexDiv.innerHTML="<font style='font:14px bold'>性别：   "+userinfo[i].sex+"</font>";
			
			//emot
			var emotDiv=document.createElement('div');
			emotDiv.style.padding="10px";
			emotDiv.innerHTML="<font style='font:14px bold'>感情状态：   "+userinfo[i].emot+"</font>";

			//出生年月日
			var birthDiv=document.createElement('div');
			birthDiv.style.padding="10px";
			birthDiv.innerHTML="<font style='font:14px bold'>出生年月日：   "+userinfo[i].year+"年"+userinfo[i].month
			+"月"+userinfo[i].day+"日"+"</font>";		

			//经验值 活跃度
			var expDiv=document.createElement('div');
			expDiv.style.padding="10px";
			expDiv.innerHTML="<font style='font:14px bold'>活跃度     "+userinfo[i].exp+"</font>";	
			
			//好评度
			var goodCommentDiv=document.createElement('div');
			goodCommentDiv.style.padding="10px";
			goodCommentDiv.innerHTML="<font style='font:14px bold'>好评度      "+userinfo[i].goodcomment+"</font>";	

			//差评度
			var badCommentDiv=document.createElement('div');
			badCommentDiv.style.padding="10px";
			badCommentDiv.innerHTML="<font style='font:14px bold'>差评度       "+userinfo[i].badcomment+"</font>";	

			//历史记录
			var historyDiv=document.createElement('div');
			historyDiv.style.padding="10px";
			historyDiv.innerHTML="<font style='font:14px bold'>历史记录 等待系统完成后再完善   "+userinfo[i].history+"</font>";	

			userinfoDiv.appendChild(nameDiv);
			userinfoDiv.appendChild(avatarDiv);
			userinfoDiv.appendChild(albumDiv);
			userinfoDiv.appendChild(qqDiv);
			userinfoDiv.appendChild(cellDiv);
			userinfoDiv.appendChild(sexDiv);
			userinfoDiv.appendChild(emotDiv);
			userinfoDiv.appendChild(birthDiv);
			//userinfoDiv.appendChild(idDiv);
			userinfoDiv.appendChild(expDiv);
			userinfoDiv.appendChild(goodCommentDiv);
			userinfoDiv.appendChild(badCommentDiv);
			userinfoDiv.appendChild(historyDiv);			

			UserInfoListDiv.appendChild(userinfoDiv);
		}
	}
	else
	{
		alert('resp is NULL');
	}
	showFriends();
	showFollowers();
	showOtherUsers();

}

//随机推荐一些可能需要联系的人 比如同学院的 比如关注同类别的 比如朋友的朋友（尤其是关注度较高的）
function showOtherUsers()
{
	var otherUsersDiv=document.getElementById('otherUsersDiv');
	otherUsersDiv.innerHTML ="推荐其他用户 <br> 随机推荐一些可能需要联系的人 ";	
}

function showFriends()
{
	var url="friend/friend.php?action=friendList";
	var para="foid="+userID;
	var resp=SendPostRequest(url,para);

	var friendListDiv=document.getElementById('friendListDiv');
	//刷新前 先清空子节点
	var childs = friendListDiv.childNodes;
	for(var i=childs.length-1; i>=0; i--){
		friendListDiv.removeChild(childs[i]);
	}
	friendListDiv.innerHTML="我关注的人";

	if(resp!=null && resp!="[]")
	{
		eval("frList="+resp);
		for(var i=0;i<frList.length;i++)
		{
			//标题
			var frDiv=document.createElement('div');
			frDiv.style.padding="10px";
			if(userID!=frList[i].frid)
			{
				frDiv.innerHTML="<font style='14px bold'><img width=50 height=50 src='imgpick/uploads/"+frList[i].frid+"'/><a href=hisSpace.htm?"+frList[i].frid+">"+frList[i].frname+"</a>"+frList[i].point+"</font>";	
			}
			else
			{
				frDiv.innerHTML="<font style='14px bold'><img width=50 height=50 src='imgpick/uploads/"+frList[i].frid+"'/><a href=myspace.htm>"+frList[i].frname+"</a>"+frList[i].point+"</font>";				
			}
			friendListDiv.appendChild(frDiv);
		}	
	}
	else 
	{
		friendListDiv.innerHTML+="  你居然还没有关注别人 赶紧关注一个吧";		
	}
}

function showFollowers()
{
	var followerListDiv=document.getElementById('followerListDiv');
	var url="friend/friend.php?action=followList";
	var para="frid="+userID;
	var resp=SendPostRequest(url,para);
	var followerListDiv=document.getElementById('followerListDiv');
	//刷新前 先清空子节点
	var childs = followerListDiv.childNodes;
	for(var i=childs.length-1; i>=0; i--){
		followerListDiv.removeChild(childs[i]);
	}
	followerListDiv.innerHTML="关注我的人";
	if(resp!=null && resp!="[]")
	{
		eval("foList="+resp);
		for(var i=0;i<foList.length;i++)
		{
			//标题
			var foDiv=document.createElement('div');
			foDiv.style.padding="10px";
			if(userID!=foList[i].foid)
			{
				foDiv.innerHTML="<font style='14px bold'><img width=50 height=50 src='imgpick/uploads/"+foList[i].foid+"'/><a href=hisSpace.htm?"+foList[i].foid+">"+foList[i].foname+"</a>"+foList[i].point+"</font>";	
			}
			else
			{
				foDiv.innerHTML="<font style='14px bold'><img width=50 height=50 src='imgpick/uploads/"+foList[i].foid+"'/><a href=myspace.htm>"+foList[i].foname+"</a>"+foList[i].point+"</font>";				
			}
			followerListDiv.appendChild(foDiv);
		}	
	}
	else
	{
		followerListDiv.innerHTML+="  悲剧 还没有人关注你 夺取帮别人完成求助吧 就可以要求别人关注你了";			
	}
}
//显示发布新任务的对话框
function showReqHelp()
{
	var reqHelp=document.getElementById('reqHelp');
	reqHelp.style.display="block";
}
//撤销发布新任务的对话框
function hideReqHelp()
{
	var reqHelp=document.getElementById('reqHelp');
	reqHelp.style.display="none";
}
//发布一个任务
function reqHelp()
{
	var title=document.getElementById('title').value;
	var cate=document.getElementById('cate').value;
	var description=document.getElementById('description').value;
	var detail=document.getElementById('detail').value;
	var username=getCookie("username");
	var userID=getCookie("userID");
	//alert(username);
	//alert("debug");
	//TODO 上传附件和照片

	if(username==null || username=="" || userID==null || userID=="")
	{
		alert("请先登录");
	}
	else if(title==""||title==null)
	{
		alert("求助的时候 标题还是不要为空的好！");
	}
	else
	{
	  var url="help/help.php?action=reqHelp";
	  var para="&title="+title;
	  para +="&cate="+cate;
	  para +="&description="+description;
	  para +="&detail="+detail;
	  para +="&username="+username;
	  para +="&userID="+userID;
	  var resp=SendPostRequest(url,para);

	  alert(resp);
		
      if(resp=="存在同名标题 请修正标题")
		alert('存在同名标题 请修正标题');
 	  if(resp=="true")
		alert('发布Help需求成功 您的活跃度+3');
	  if(resp=="false")
		alert('发布Help需求失败');	  
	  hideReqHelp();
	  GetUserInfo();//因为发布需求的时候 用户活跃度+3 有所刷新
	}	
}

function CheckEmpty(obj,warnID,warnInfo)
{
	var warnElement=document.getElementById(warnID);
	
	if(obj.value==null || obj.value=="")
	{		
		warnElement.innerHtml=warnInfo;
		return false;
	}
	else
	{
		warnElement.innerHtml="OK";
	   return true;
	}
}
function showAllReqList()
{
	//alert('showAllReqList');//alert(allReqListHasShown);
	var allreqListDiv=document.getElementById('allreqListDiv');
	if(allReqListHasShown == 0)
	{
		//alert('debug');
		var url="help/help.php?action=allReqList";
		var para=null;
		var resp=SendPostRequest(url,para);
		alert(resp);
		//resp="("+resp+")";
		if(resp!=null || resp != 'false')
		{
			allreqListDiv.style.display="block";
			//alert('debug');
			//eval(' "allreqList="+resp ');
			eval("allreqList="+resp);
			//alert(allreqList);//alert('allreqList.length=  '); //alert(allreqList.length);
			for(var i=0;i<allreqList.length;i++)
			{
				//
				var admincheck;
				if(username!=allreqList[i].requesterName)
					admincheck = false;
				else
					admincheck = true;
				
				//显示需求
				var reqDiv=document.createElement('div');
				reqDiv.style.width="300px";
				reqDiv.style.margin="20px";
				reqDiv.style.border="1px solid #ccc";
			
				//title 标题
				var titleDiv=document.createElement('div');
				titleDiv.style.padding="10px";
				titleDiv.innerHTML="<font style='14px bold'><a href='help/help.htm?"+allreqList[i].id+"' target='_blank'>"+allreqList[i].title+"</font>";
				reqDiv.appendChild(titleDiv);
				//发布人
				var requesterDiv=document.createElement('div');
				requesterDiv.style.padding="10px";
				if(admincheck==true)//链接到主页
					requesterDiv.innerHTML="<font style='14px bold'>发布者 <a href='#'><img width=50 height=50 src='imgpick/uploads/"+allreqList[i].userID+"'/>"+allreqList[i].requesterName+"</a></font>";
				else				//链接到其他人的个人页面
					requesterDiv.innerHTML="<font style='14px bold'>发布者 <a href='hisSpace.htm?"+allreqList[i].userID+"'><img width=50 height=50 src='imgpick/uploads/"+allreqList[i].userID+"'/>"+allreqList[i].requesterName+"</a></font>";			
				reqDiv.appendChild(requesterDiv);
				//承接人
				var chooseDiv=document.createElement('div');
				chooseDiv.style.padding="10px";
				if(userID==allreqList[i].chooseID)//链接到主页
					chooseDiv.innerHTML="<font style='14px bold'>承接者 <a href='#'><img width=50 height=50 src='imgpick/uploads/"+allreqList[i].chooseID+"'/>"+allreqList[i].chooseName+"</a></font>";
				else				//链接到其他人的个人页面
					chooseDiv.innerHTML="<font style='14px bold'>承接者 <a href='hisSpace.htm?"+allreqList[i].chooseID+"'><img width=50 height=50 src='imgpick/uploads/"+allreqList[i].chooseID+"'/>"+allreqList[i].chooseName+"</a></font>";			
				reqDiv.appendChild(chooseDiv);
				//分类
				var  cateDiv=document.createElement('div');
				cateDiv.style.padding="10px";
				cateDiv.innerHTML="<font style='14px bold'>类别：		"+allreqList[i].cate+"</font>";				
				reqDiv.appendChild(cateDiv);
				//简介
				var  descriptionDiv=document.createElement('div');
				descriptionDiv.style.padding="10px";
				descriptionDiv.innerHTML="<font style='14px bold'>简介：        "+allreqList[i].description+"</font>";				
				reqDiv.appendChild(descriptionDiv);
				//状态
				var  statusDiv=document.createElement('div');
				statusDiv.style.padding="10px";
				statusDiv.innerHTML="<font style='14px bold'>状态：       "+allreqList[i].statusstr+"</font>";				
				reqDiv.appendChild(statusDiv);
				//详情
				var  detailDiv=document.createElement('div');
				detailDiv.style.padding="10px";
				detailDiv.innerHTML="<font style='14px bold'>详情：       "+allreqList[i].detail+"</font>";				
				reqDiv.appendChild(detailDiv);
				//对发布人评分
				var  ScoreReqDiv=document.createElement('div');
				ScoreReqDiv.style.padding="10px";
				if(allreqList[i].flagScoreReq!=0)	
					ScoreReqDiv.innerHTML="<font style='14px bold'>发布人得分：       "+allreqList[i].ScoreReq+"</font>";				
				else
					ScoreReqDiv.innerHTML="<font style='14px bold'>承接人还没有对发布人打分</font>";				
				reqDiv.appendChild(ScoreReqDiv);
				//对承接人评分
				var  ScoreChooseDiv=document.createElement('div');
				ScoreChooseDiv.style.padding="10px";
				if(allreqList[i].flagScoreChoose!=0)	
					ScoreChooseDiv.innerHTML="<font style='14px bold'>承接人得分：       "+allreqList[i].ScoreChoose+"</font>";				
				else
					ScoreChooseDiv.innerHTML="<font style='14px bold'>发布人还没有对承接人打分</font>";				
				reqDiv.appendChild(ScoreChooseDiv);

				allreqListDiv.appendChild(reqDiv);				
			}	
		}
		allReqListHasShown=1;
	}
	else
	{
		allreqListDiv.style.display="block";	
	}
}
function hideAllReqList()
{
	var allreqListDiv=document.getElementById('allreqListDiv');
	allreqListDiv.style.display="none";	
}

function showiReqList()
{
	var ireqListDiv=document.getElementById('ireqListDiv');
	//alert('showiReqList');
	//alert(iReqListHasShown);
	if(iReqListHasShown == 0)
	{
		var username=getCookie("username");
		if(username==""||username==null)
		{
			alert("请先登录");
		}
		else
		{
			var url="help/help.php?action=iReqList";
			var para="&username="+username;
			var resp=SendPostRequest(url,para);
			//alert(resp);
		}
		if(resp!=null || resp != 'false')
		{
			//alert('ca0');
			ireqListDiv.style.display="block";
			eval("ireqList="+resp);	//比起var actlist， actlist变成了一个全局的变量 可以动态插入
				//actList获得 alert(ireqList);  //alert('ireqList.length=  '); //alert(ireqList.length);
			for(var i=0;i<ireqList.length;i++)
			{
				//alert("i=  "+i);
				var reqDiv=document.createElement('div');
				reqDiv.style.width="300px";
				reqDiv.style.margin="20px";
				reqDiv.style.border="1px solid #ccc";
			
				var id=ireqList[i].id;
				//alert(id);

				var titleDiv=document.createElement('div');
				titleDiv.style.padding="10px";
				titleDiv.innerHTML="<font style='14px bold'><a href='help/help.htm?"+id+"' target='_blank'>"+ireqList[i].title+"</a></font>";				
				reqDiv.appendChild(titleDiv);
				
				//承接人
				var chooseDiv=document.createElement('div');
				chooseDiv.style.padding="10px";
				if(ireqList[i].chooseID==0)
					chooseDiv.innerHTML="<font style='14px bold'>暂时无人承接 请申请</font>";
				else if(userID==ireqList[i].chooseID)//链接到主页
					chooseDiv.innerHTML="<font style='14px bold'>承接者 <a href='#'><img width=50 height=50 src='imgpick/uploads/"+allreqList[i].chooseID+"'/>"+ireqList[i].chooseName+"</a></font>";
				else				//链接到其他人的个人页面
					chooseDiv.innerHTML="<font style='14px bold'>承接者 <a href='hisSpace.htm?"+ireqList[i].chooseID+"'><img width=50 height=50 src='imgpick/uploads/"+allreqList[i].chooseID+"'/>"+ireqList[i].chooseName+"</a></font>";			
				reqDiv.appendChild(chooseDiv);

				var  cateDiv=document.createElement('div');
				cateDiv.style.padding="10px";
				cateDiv.innerHTML="<font style='14px bold'>类别：		"+ireqList[i].cate+"</font>";				
				reqDiv.appendChild(cateDiv);

				var  descriptionDiv=document.createElement('div');
				descriptionDiv.style.padding="10px";
				descriptionDiv.innerHTML="<font style='14px bold'>简介：        "+ireqList[i].description+"</font>";				
				reqDiv.appendChild(descriptionDiv);

				var  detailDiv=document.createElement('div');
				detailDiv.style.padding="10px";
				detailDiv.innerHTML="<font style='14px bold'>详情：       "+ireqList[i].detail+"</font>";				
				reqDiv.appendChild(detailDiv);
				//状态
				var  statusDiv=document.createElement('div');
				statusDiv.style.padding="10px";
				statusDiv.innerHTML="<font style='14px bold'>状态：       "+ireqList[i].statusstr+"</font>";				
				reqDiv.appendChild(statusDiv);
				//对发布人评分
				var  ScoreReqDiv=document.createElement('div');
				ScoreReqDiv.style.padding="10px";
				if(ireqList[i].flagScoreReq!=0)	
					ScoreReqDiv.innerHTML="<font style='14px bold'>发布人得分：       "+ireqList[i].ScoreReq+"</font>";				
				else
					ScoreReqDiv.innerHTML="<font style='14px bold'>承接人还没有对发布人打分</font>";				
				reqDiv.appendChild(ScoreReqDiv);
				//对承接人评分
				var  ScoreChooseDiv=document.createElement('div');
				ScoreChooseDiv.style.padding="10px";
				if(ireqList[i].flagScoreChoose!=0)	
					ScoreChooseDiv.innerHTML="<font style='14px bold'>承接人得分：       "+ireqList[i].ScoreChoose+"</font>";				
				else
					ScoreChooseDiv.innerHTML="<font style='14px bold'>发布人还没有对承接人打分</font>";				
				reqDiv.appendChild(ScoreChooseDiv);

				ireqListDiv.appendChild(reqDiv);				
			}	
		}
		iReqListHasShown=1;
	}
	else
	{
		ireqListDiv.style.display="block";	
	}
}

function hideiReqList()
{
	var ireqListDiv=document.getElementById('ireqListDiv');

	//alert('hideiReqList');
	//alert(iReqListHasShown);

	ireqListDiv.style.display="none";	
}
</script>

</head>
<body onload="GetUserInfo()">


<input type="button" onclick="showReqHelp()" value="发布任务" />

<div id='friendListDiv'></div>
<div id='followerListDiv'></div>
<div id='otherUsersDiv'></div>

<div>用户信息</div>
<div id='UserInfoListDiv' style="padding:20px; float:left"></div>

<div style="padding:20px; float:left; display:block">
<table>
<tr><td>
<!--img onmouseover="showiReqList()" onmouseout="hideiReqList()"  src="img/0.gif"-->
<img onmouseover="showiReqList()"  src="img/0.gif">
我发布的任务
</td></tr>
<tr><td>
<!--img onmouseover="showAllReqList()" onmouseout="hideAllReqList()"  src="img/1.gif"-->
<img onmouseover="showAllReqList()"  src="img/1.gif">
所有的任务
</td></tr>
</table>
</div>

<div id='ireqListDiv'  style="padding:20px; float:left; display:block">
</div>
<div id='allreqListDiv'  style="padding:20px; float:left; display:block">
</div>

<div class="clear"></div>

<div id="reqHelp" style="width:500px; display:none; position:absolute; z-index:101; left:150px; top:50px; background-color:#2EFE2E; padding:10px;">
<div>新任务</div>
<div>
标题:<input id="title"  onblur="CheckEmpty(this,'warntitle','活动有效期不能为空！')"/><span id="warntitle" class="warning">&nbsp;*</span><br>
类别:<select id="cate">
		<option value=''></option>
	    <option value=1 >生活</option>
	    <option value=2 >软件</option>
	    <option value=3 >电脑</option>
		<option value=4 >足球</option>
	  </select><br>
简介:<br><textarea id="description"  rows="3" cols="50"  onblur="CheckEmpty(this,'warndes','简介不能为空！')"  ></textarea>
<span id="warndes" class="warning">&nbsp;*</span><br>
具体内容:<br><textarea id="detail"  rows="15" cols="50" onblur="CheckEmpty(this,'warnDetail','具体内容不能为空！')"  ></textarea>
<span id="warnDetail" class="warning">&nbsp;*</span><br>
上传附件:<input type="file" id="upfile"/><br>
<br>
<input type="button" value="确定" onclick="reqHelp()"/>    
<input type="button" value="取消" onclick="hideReqHelp()"/>
</div>
</div>

</body>
</html>